<include file="Public/mheader" />
<style>
	body{
		width:100%;
		height:auto;
		background:url(http://qncdn.game.jjcbw.com/upload/ntxx/bg_1.jpg)  no-repeat;
		/*background-color: #fdd54e;*/
		background-attachment:fixed;
		/*background-size: 100% 100%;
        position: relative;*/
		background-size: cover;
		background-position: 50% 50%;
		font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
		font-size:18px;
	}
	.bottom-div{
		width:80%;
		text-align:center;
		margin: 1em auto 0;
	}

	.opacity-twinkle{
		-webkit-animation:opacity-twinkle 2s .1s infinite linear normal forwards;
		animation:opacity-twinkle 2s .1s infinite linear normal forwards
	}
	@-webkit-keyframes opacity-twinkle{
		0%{opacity:1}
		50%{opacity:.3}
		100%{opacity:1}
	}
	@keyframes opacity-twinkle{
		0%{opacity:1}
		50%{opacity:.3}
		100%{opacity:1}
	}

	@keyframes floating{
		0%{
			transform:translateY(0%)
		}
		50%{
			transform:translateY(8%)
		}
		100%{
			transform:translateY(0%)
		}
	}
	@-webkit-keyframes floating{
		0%{
			-webkit-transform:translateY(0%)
		}
		50%{
			-webkit-transform:translateY(8%)
		}
		100%{
			-webkit-transform:translateY(0%)
		}
	}
	.bottom-button{
		margin:5px 0;
	}

	.index-index{
		margin: 6.5em auto 2em;
		width: 18.7em;
		height: 5.5em;
		background: url(http://qncdn.game.jjcbw.com/upload/ntxx/index-bg.png?rand=9) no-repeat;
		background-position: center center;
		background-size: cover;
	}
	.index-second{
		width: 18.7em;
		height: 8.5em;
		background: url(http://qncdn.game.jjcbw.com/upload/ntxx/second-bg.png?rand=9) no-repeat;
		background-position: center center;
		background-size: cover;
	}

</style>
<!--img id="musiccontrolon" class="floating" src="/Public/kzdt/musicon.png" style="opacity: 0.7; width: 30px; position: absolute; right: 10px; top: 10px; z-index: 999;">
<img id="musiccontroloff" class="opacity-twinkle" src="/Public/kzdt/musicoff.png" style="width: 30px; display: none; position: absolute; right: 10px; top: 10px; z-index: 999;"-->

<div class="bottom-div row">
	<div class="index-index">
	</div>

		<div class="index-second">
		</div>
	<div class="bottom-button col-xs-12"><a class="btn btn-danger btn-block submit" data-exam="2" style="font-size: 1em;"
											href='{:U("Lx/index")}' role="button" >在线学习</a></div>
		<div class="bottom-button col-xs-12"><a class="btn btn-danger  btn-block submit" data-exam="1" style="font-size: 1em;"
												href='{:U("Answer/index")}' role="button" {$OnTime}>开始答题</a></div>

		<div class="bottom-button col-xs-12" style="font-size: 12px;color: white;">考试时间：2018-01-21 至 2018-01-30</div>

</div>
<script>
    $(function(){
        audios.play();
    });
    var audios = window["audios"] || {};
    audios = {
        aud: '',
        play: function () {
            var basePath = "/upload/cjdt/";
            var mp3snd = "bg.mp3";

//            if ( $("#bd_audio_1").length > 0 ) {
//                return false;
//            }
            if (this.aud != "") {
                this.aud.play();
                return false;
            }


            this.aud = new Audio();
            this.aud.src = basePath + mp3snd;
            this.aud.loop = "loop";
            this.aud.load();
            setTimeout(function () {
                audios.aud.play();
            }, 300);


        }
    };
</script>
<include file="Public/footer" />